<template>
    <div class="personcon">
        <h2>个人中心-->{{personalInfo.name}}-->详情页</h2>
        <div class="item">
            用户名字:{{personalInfo.name}}</div>
         <div class="item">
            用户年龄:{{personalInfo.age}}</div>
        <div class="item">
            用户爱好:{{personalInfo.hot}}</div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      personalInfo: {
        name: "",
        hot: "",
        age: ""
      }
    };
  },
  created() {},
  mounted() {
    var name = this.$route.query.name;
    var hot = this.$route.query.hot;
    var age = this.$route.query.age;
    this.personalInfo.name = name;
    this.personalInfo.hot = hot;
    this.personalInfo.age = age;
  },
  computed: {},
  components: {}
};
</script>

<style lang='less' scoped >
.personcon {
  text-align: center;
  h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 20px;
  }
  .item{
      height:60px;
      line-height: 60px;
  }
}
</style>
